<template>
  <tab-bar>
      <tab-bar-item path="/home">
        <img slot="item_icon" src="~assets/image/tabbar/home.png" alt="" />
        <img slot="item_icon_active" src="~assets/image/tabbar/home_act.png" alt="" />
        <div slot="item_text">首页</div>
      </tab-bar-item>
       <tab-bar-item path="/category">
        <img slot="item_icon" src="~assets/image/tabbar/fenlei.png" alt="" />
        <img slot="item_icon_active" src="~assets/image/tabbar/fenlei_act.png" alt="" />
        <div slot="item_text">分类</div>
      </tab-bar-item>
       <tab-bar-item path="/cart">
       <img slot="item_icon" src="~assets/image/tabbar/shopcar.png" alt="" /> 
       <img slot="item_icon_active" src="~assets/image/tabbar/shopcar_act.png" alt="" />
        <div slot="item_text">购物车</div>
      </tab-bar-item>
       <tab-bar-item path="/profile">
        <img slot="item_icon" src="~assets/image/tabbar/my.png" alt="" />
        <img slot="item_icon_active" src="~assets/image/tabbar/my_act.png" alt="" />
        <div slot="item_text">我的</div>
      </tab-bar-item>
    </tab-bar>
</template>

<script>
import TabBar from "components/common/tabbar/TabBar";
import TabBarItem from "components/common/tabbar/TabBarItem"
export default {
    name:'MainTabBar',
    components:{
        TabBar,
        TabBarItem
    }
}
</script>

<style>

</style>